<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<style type="text/css">
.nav_homepage{
	background:url(images/lef.gif)  no-repeat left;
	width:85px;
}
.nav_center{
	width:85px;
}
.nav_right{
	width:85px;
}

.nav_85{
	width:85px;
}

.nav{
	background:url(/DOIT/images/nav.gif)  no-repeat;
	color:#FFF;
	height:40px;
	margin:0px;
	text-align:left;
	font-size:12px;
	font-weight:600;
	line-height:40px;
	width:100%;
	padding-left:0px;
	list-style-type:none;
}

.nav li{
	width:85px;
	margin:0;
	text-align:center;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	aligh:center;
	padding-left:0px;

}

.nav a{
	color:#FFF;
	text-decoration:none;
}
.mouseover{
	background:#0F3;
}
.nav_home_mouseover{
	background:#013;
}

.nav_right_mouseover{
	background:#013;
}

.nav_85_mouseover{
	background:#013;
}

</style>

<ul class="nav" >
  
    <li class="nav_homepage" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	<a href="/DOIT">首页</a></li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	<a href="joinIn/joinIn.jsp">创业加盟</a></li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	找求购</li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	找产品</li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)"> 
    	<a href="tradeFair/tradeFair.jsp">交易会</a> </li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	<a href="tradeShow/tradeShow.jsp">展会</a></li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	<a href="recruit/recruit.jsp">招聘</a></li>
    <li class="nav_center" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	社区</li>
    <li class="nav_right" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	财务报告</li>
    
    <li class="nav_85" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	免费注册</li>
    <li class="nav_85" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	登录</li>
    <li class="nav_85" onmouseover="mouseover(this)" onmouseout="mouseout(this)">
    	发布供求信息</li>
  
</ul>



<script  type="text/javascript">
function mouseover(hfuu)
{
	if(hfuu.className=="nav_center")
	{
		hfuu.className="mouseover";
	}
	else if(hfuu.className=="nav_homepage")
	{
	   hfuu.className="nav_home_mouseover"
	}
	else if(hfuu.className=="nav_right")
	{
		hfuu.className="nav_right_mouseover"
	}
	else if(hfuu.className=="nav_85")
	{
		hfuu.className="nav_85_mouseover"
	}
	
}

function mouseout(hfuu)
{
	if(hfuu.className=="nav_home_mouseover")
	{
		hfuu.className="nav_homepage";
	}
	else if(hfuu.className=="nav_right_mouseover")
	{
		hfuu.className="nav_right"
	}
	else if(hfuu.className=="nav_85_mouseover")
	{
		hfuu.className="nav_85";
	}
	else if(hfuu.className=="mouseover")
	{
		hfuu.className="nav_center"
	}
	
}


function doClick(o){
	 o.className="selected";
	 var j;
	 var id;
	 var e;
	 for(var i=1;i<=11;i++){
	   id ="nav"+i;
	   j = document.getElementById(id);
	   e = document.getElementById("sub"+i);
	   if(id != o.id){
	   	 j.className="no";
	   	 e.style.display = "none";
	   }else{
			e.style.display = "block";
	   }
	 }
}


</script>


